// 会默认开启css modules 添加的样式会改变名字,达到唯一,不会影响其他页面
@grey-color: rgba(0, 0, 0, .25);
.hello {
  font-size: 64px;
  font-weight: bold;
  color: #30b067;
  .deleted {
    text-decoration: line-through;
    background-color: @grey-color;
  }
}
.butTips{
  color: #000000;
  font-weight: bold;
  font-size: 20px;
  margin: 125px 0px;
}
// global语法,可以避免重命名
// 达到覆盖antd样式的目的
// 加上一个类似 .override-ant-btn 的类包裹住 global 修饰的名称，以避免全局样式声明分散在项目各处。不要滥用global
.override-ant-btn{
  :global(.ant-btn){
    border-radius: 50%;
  }
}